← Children's Books ← UX Work
✦
Home About Contact
|

Roseanne Roseanne Chao

Currently a Senior UX Designer at Salesforce & digital artist aspiring to become a children's book author and illustrator.

View My Work ↓

Some UX Projects

My Children's Books

Stories I write & illustrate

Picture books written and illustrated by me — characters with heart, worlds full of color, and stories I hope kids will ask to hear again.

Author Illustrator Procreate Picture Books

Where the stories come from

Growing up across five countries gave me a front-row seat to how differently kids experience the world — what makes them feel seen, left out, brave, or loved. These stories started as sketches in the margins of product notebooks, and grew into something worth finishing.

The goal is always the same: make something a kid would ask to hear again at bedtime, and a parent wouldn't mind reading twice.

✍️
← Back to Children's Books

My Best Friend

Story details coming soon! Scroll to see some of the pages.

← Back to Children's Books

The Flower on My Head

Story details coming soon! Scroll to see some of the pages.

About Me

Designer, Artist, Storyteller

Growing up across five different countries 🇸🇬🇯🇵🇹🇼🇭🇰🇺🇸 made me naturally curious, adaptable, and always eager for new experiences. Those experiences continue to shape how I approach both life and design, helping me connect with people from different backgrounds and perspectives.

Today, I work as a Digital Product Designer at Salesforce. Before that, I earned bachelor's degrees in Piano Performance and Visual Design from the University of Michigan and a master's degree in Digital Product Design from Parsons School of Design. Along the way, I explored a variety of creative industries through internships at places like the Los Angeles Times, DDB, museums, and advertising agencies — experiences that ultimately led me to product design. Outside of "corporate", I'm a digital artist with a love for fantasy and storytelling. While I've traded traditional paints for an iPad and Procreate, my passion for creating imaginative worlds has never changed. I've been fortunate to exhibit my work at galleries and art fairs across the U.S., especially around the San Francisco Bay Area. Design and art complement each other in different ways: one challenges me to collaborate and grow, while the other gives me the freedom to create on my own terms.

I've also always loved working with children, volunteering through arts and crafts programs whenever I can. That passion has inspired me to revisit a childhood dream of writing and illustrating children's books — stories that explore the values and questions I remember growing up with, in hopes they might resonate with kids discovering the world for themselves.

When I'm not designing or drawing, you'll probably find me studying languages, practicing martial arts 🥊, running with my dog 🐶, or planning my next passion project.

Roseanne Chao

As an Artist…

I've always experienced the world through images before words. Conversations become shapes, emotions become scenes, and music often unfolds as colors and imagery in my mind. While language has never fully captured the way I think, art has always given me a way to communicate the thoughts, feelings, and stories that are difficult to put into words.

My work combines fantasy, surrealism, and intricate detail to create visual narratives that invite curiosity. Sometimes a piece begins with a feeling, sometimes a story, and other times a single image that refuses to leave my mind. As I create, those fragments gradually grow into imagined worlds where every detail has a purpose, yet never tells the whole story.

I enjoy leaving space for interpretation. Although each piece is inspired by my own experiences and emotions, I hope viewers discover meanings of their own. The longer someone spends with my work, the more they notice — hidden details, unexpected connections, or entirely new narratives. If my artwork encourages someone to pause, wonder, and imagine a story beyond what is immediately visible, then it has done exactly what I hoped it would.

← Back to Work
🚀 Zero to GA 🔍 Size: XL

Bi-Directional Metadata Flow

Designing Data Cloud's new feature to enable bi-directional data flow among Salesforce organizations — enhancing data accessibility and collaboration across the entire Salesforce ecosystem.

My Role Lead UX Designer — end-to-end

Team PM, Engineers, Content Experience

Timeline 1 year · Zero to GA (Oct 2024)

Platform Salesforce Data Cloud (Desktop)
Bi-Directional Metadata Flow

What is Salesforce Data Cloud?

Data Cloud stands as Salesforce's fastest-growing product at present. It serves to consolidate all customer data into a singular repository, harmonizing its presentation, and organizing customer profiles in alignment with the company's strategic objectives.

Data Cloud explanation diagram
How it works: an overview of how Data Cloud connects with other Salesforce orgs and where bi-directional flow fits in.

Data was a one-way street

Our research team found that the majority of customers wanted one unified Data Cloud across their various Salesforce orgs. The current model forced users to log in and out of separate orgs, reconcile data manually, and operate without a single source of truth.

The core opportunity: enable bi-directional connections between Salesforce orgs and Data Cloud — so harmonized data can flow back to where it's needed, eliminating the need for separate Data Cloud orgs entirely.

Bi-directional data flow diagram
The vision: a multi-directional data flow model connecting Data Cloud and Salesforce orgs, removing the need for siloed environments.

Four users, two environments

This project spans two distinct Salesforce environments and four different user types: the Data Cloud admin and general user operating within the Data Cloud org, and the Salesforce org admin and general user in connected orgs like Sales Cloud and Service Cloud. Each group has different levels of technical fluency, different goals, and different mental models for what "data" means in their day-to-day work.

Overview of the four user types
Our users: four distinct roles across two Salesforce environments, each with different needs and permission levels.

Shaping the experience from scratch

The discussion for Data Cloud One began with many cross-functional meetings introducing what this feature needed to do across all Salesforce orgs. My product managers brought me the requirements and we dug into frontline issues together before any design work began.

I grounded ideation in three "How Might We" statements to guide design across all 15 flows delivered by end of 2024:

  • How can we teach users about the new Remote Data Cloud concept?
  • How can we simplify the connection creation process?
  • How can we keep users informed about their connections for better data management?

For each flow, after requirements were introduced on day 1, I drafted flowcharts to serve as the blueprint for the official screen-by-screen experience. Here are the two iterations of flowcharts for one example flow — a Data Cloud Admin setting up a Companion Connection:

First flowchart iteration
First flowchart: initial flow diagram outlining the Companion Connection setup experience.
Second flowchart — more detailed
Second take: a more detailed flowchart after stakeholder review, refining edge cases and decision points.

From lo-fi to hi-fi

Once the flowcharts were approved, I moved into lo-fi wireframes — reviewed and iterated with the PM and engineers around days 2 and 3. From there, designs escalated to mid-fi for leadership review by day 3, and into mid/hi-fi by day 5. Continuing with the Companion Connection example:

Initial lo-fi wireframes
Initial lo-fi: early wireframes for the Companion Connection setup flow, reviewed by the PM and engineers.
Mid-fi designs
Mid-fi: refined screens presented to leadership for alignment before hi-fi execution.
Mid to hi-fi designs
Mid/hi-fi: polished designs incorporating leadership feedback, approaching the final approved state.

User research & interviews

After completing the lo-fi and mid-fi designs, I recruited internal and external users for research interviews to validate our direction and surface pain points before finalizing the hi-fi. The research surfaced clear patterns around how customers were experiencing — and struggling with — the flows we designed.

Research overview
Research overview: findings from user interviews that informed final design decisions for Data Cloud One.
Research findings about customers
Customer findings: key themes about how customers manage their Salesforce orgs and where they experience friction.
Research findings on connection creation
New connection findings: what users expected and needed when creating a connection between orgs.
Research findings on connection details
Connection detail findings: how users expected to monitor and manage active connections once established.

Testing with real users

After all flows were complete, I recruited internal and external users to test the main end-to-end flows. I collected all feedback in FigJam — first organized by person, then color-coded by positive and negative sentiment — and synthesized it into themes.

Key negative findings from user testing
Key findings: summarized negative themes from user testing across the main flows.
Synthesis FigJam — before
Before synthesis: raw feedback.
Synthesis FigJam — after
After synthesis: feedback consolidated into themes — revealing two main problem areas.

Two recurring themes emerged from the Companion Connection flow specifically:

  • Clickthrough & discoverability: users struggled to find where to initiate or manage connections — entry points weren't intuitive enough.
  • Terminology confusion: terms like "Companion Connection" and "Remote Data Cloud" were unfamiliar and created hesitation at key decision points.

After presenting findings to my team and leadership, we worked together to address both areas in the finalized hi-fi — adding clearer guidance, updated terminology, improved status indicators, and multiple entry points for creating new connections.

The final product

The approved design was implemented into one of Data Cloud's newest breakthrough features: Data Cloud One. The final Companion Connection flow incorporated changes to terminology, step-by-step guidance, multiple entry points for creating new connections, and clearer status indicators throughout.

Below is a walkthrough of the finalized "Creating a Companion Connection" flow:

Final prototype: the end-to-end "Creating a Companion Connection" flow as shipped in Data Cloud One GA.
▶
[ Add: Video — additional flow walkthrough ]
Additional flow: placeholder — video to be added.

Impact

GA
Shipped to general availability in October 2024
68%
Of AOV represented by Data Cloud One at launch
✦
Positive reception from leadership, customers, and the broader Salesforce ecosystem

Data Cloud One successfully GA'd in October 2024. It received positive feedback from leadership and customers, and represents a foundational step toward streamlined data usage powered by Data Cloud across the entire Salesforce platform.

What comes next

Short-term
User feedback & interviews
Conduct follow-up user interviews on GA flows to surface usability gaps and validate assumptions made under tight timelines.
Medium-term
Enhancements & deprioritized proposals
Revisit proposals that didn't make the GA cut — take user feedback and newly prioritized enhancements into upcoming releases.
Long-term
Ongoing release ownership
As the owner of this product area, continue designing release work for Data Cloud One as the feature matures and expands across the Salesforce ecosystem.
Further Reading
▶ Information Video ↗ Multi-Org Strategy — Article ↗ DC1 GA for Developers — Article ↗ Trailhead Guidance — Learning
← Back to Work
🔮 Vision Work ⭐ North Star 🔍 Size: XL

Unified Customer Profile Quality and Analysis

Partnering with PM and engineering to define and champion a North Star vision for unified profile outcomes — data quality visibility, visual metrics, and resolution trend analysis — that earned a place in Data 360's official release schedule.

My Role UX Designer — Identity Resolution

Team 1 PM, group of Engineers, UX team

Timeline 1 year

Platform Salesforce Data 360 (Web)

What is Salesforce Data 360? What is Identity Resolution?

Salesforce Data 360 is a suite of data products that helps businesses bring together all their customer data — from CRMs, marketing tools, support systems, and more — into one place. Think of it as a single source of truth for everything you know about your customers, built to power smarter decisions and more personalized experiences across Salesforce.

Within Data 360, Identity Resolution is the feature that figures out when multiple records are actually the same person. For example, "Jane Smith" in your CRM and "j.smith@company.com" in your email tool might be the same Jane — Identity Resolution matches them and merges them into one unified profile. The cleaner the merge, the more accurate the customer picture your teams work from.

🔗
[ Add: Identity resolution concept diagram ]
What identity resolution does: how multiple records from different source systems get matched and merged into a single unified customer profile.

Users were flying blind after the merge

Once Identity Resolution runs and produces unified profiles, users face a critical gap: there's no way to actually see how well it worked. Did the merge improve data quality? Are profiles being resolved at the right rate? Is the data getting better or worse over time? These questions had no answers inside the product — users were left guessing.

For Data Cloud Admins and Data Systems Architects, this wasn't just frustrating — it was a trust problem. They'd invested significant time configuring matching rules and reconciliation settings, but had no feedback loop to know if that effort was paying off. Without visibility into outcomes, optimizing the system was nearly impossible. You can't improve what you can't see.

Who we're designing for

The primary user for Identity Resolution is the Data Systems Architect — a technically fluent role that sits at the intersection of data engineering and business strategy. They're responsible for designing and maintaining the data infrastructure that the rest of the organization depends on.

👤
[ Add: Data Systems Architect persona overview ]
Data Systems Architect: persona overview — roles, goals, pain points, and tools.
Jobs to Be Done
Configure & maintain data pipelines
Set up ingestion, matching rules, and reconciliation settings that keep customer data clean and up to date — and troubleshoot when things go wrong.
Jobs to Be Done
Validate & trust outputs
Confirm that the system is merging records correctly, catch bad merges before they reach downstream teams, and build confidence in the unified profiles being used for segmentation and campaigns.

What the research told us

Across the Ease of Use initiative, the UX research team conducted broad discovery research spanning the entire Data 360 platform. The findings painted a consistent picture: users were capable and motivated, but the product was putting up unnecessary walls. Identity Resolution surfaced some of the most acute friction points in the entire suite.

##
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
##
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
##
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
##
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

Aligning on how to move forward — together

With research in hand, the Ease of Use team came together for an onsite. The goal: align on a shared design philosophy before anyone started ideating. Two key frameworks emerged that would guide every designer's work going forward.

The Layer Cake: Tiered AI Assistance

One of the biggest open questions was: how do we bring AI help into the product without it feeling overbearing or patronizing? We didn't want an agent that constantly interrupted — but we also didn't want one that was invisible when it could genuinely help.

The team landed on the Layer Cake model — a tiered approach to AI assistance based on context. Depending on where a user is and what they're trying to do, Agentforce offers different layers of help: from subtle inline suggestions, to guided walkthroughs, to proactive recommendations. The AI meets users where they are, rather than forcing a single mode of interaction.

🍰
[ Add: Layer Cake diagram ]
Layer Cake: tiered AI assistance model — different layers of agent help depending on user context and task complexity.
📐
[ Add: UX Principals visual ]
UX Principals: the shared design principles every designer on the EoU team committed to following.

Shared UX Principals

Beyond AI, the team also defined a set of UX Principals — shared design tenets that each designer would apply within their own product area. These weren't rigid rules, but a common language for evaluating tradeoffs: things like "reduce before you guide," "earn the next step," and "always show what's possible." Having a shared vocabulary meant that even as each designer worked independently on their own surface, the overall experience would feel coherent and intentional.

Designing the outcomes experience

With the North Star defined, I began concepting what the outcomes view could actually look like. The focus was on three core elements users needed: data quality indicators, visual resolution metrics, and trends over time — all surfaced in a way that was scannable and actionable, not overwhelming.

🖼️
[ Add: North Star concept designs — outcomes view ]
North Star concept: initial design exploration for the unified profile outcomes view — quality scores, resolution metrics, and trend charts.
▶
[ Add: North Star prototype walkthrough ]
Interactive prototype: walkthrough of the unified profile quality and analysis experience.

I iterated closely with engineering throughout this phase — making sure every metric and visualization we designed was tied to data the system could actually produce. That collaboration shaped what ended up in the final proposal we took to leadership.

Taking the vision to product leadership

Once the designs were in a strong place, my PM and I prepared a presentation for product leadership. We framed the work around the user gap — the fact that Identity Resolution was producing outcomes that no one could actually see — and showed how our North Star would address it.

The pitch: start surfacing unified profile quality and analysis as a first-class experience within Data 360, with clear resolution metrics, data quality indicators, and trend visualizations. Rather than proposing a full build-out, we scoped it as something that could be introduced incrementally across future releases.

"This fills a real gap. Users need to see what the system is producing — not just that it ran." — Feedback from product leadership review

The outcome: leadership approved it. The work was added to Data 360's release schedule to begin implementing across future releases — giving us a clear path to bring the vision to life incrementally, one release at a time.

The North Star prototype

Below is a walkthrough of the final design prototype — showing the unified profile quality and analysis experience we proposed and got approved for Data 360's release roadmap.

▶
[ Add: Final design prototype video ]
North Star prototype: the approved vision for unified profile quality and analysis — resolution metrics, data quality indicators, and trend views.

Impact

✓
North Star vision approved by product leadership and added to Data 360's release schedule
✓
Cross-functional alignment achieved between UX, PM, and engineering on the outcomes experience
✓
Clear incremental roadmap established to bring unified profile quality and analysis to users across future releases

What comes next

Short-term
First release implementation
Work closely with engineering to implement the first slice of the outcomes experience — staying hands-on throughout build to review implementation, clarify intent, and catch gaps before they ship.
Medium-term
Validate with real users
Once the first version is live, gather feedback from Data Cloud Admins and Data Systems Architects — understanding what the outcomes view changes for them and where the next highest-value iteration is.
Long-term
Build toward the full North Star
Use each release cycle to add depth — expanding from basic resolution metrics toward the full vision of data quality indicators, profile confidence scores, and trend analytics that give admins complete visibility into their unified data outcomes.
← Back to Work
🔧 Release Work 🔍 Size: M 🔄 In Progress

Enhancing Customer Profile Analysis

A new interaction model for navigating unified customer data — surfacing insights faster through progressive disclosure and contextual filtering.

My RoleSenior UX Designer — IC

Team1 PM, 2 Engineers

TimelineOngoing · 2024–2025

StatusIn design — Beta Q1 2025

The unified profile — a data treasure chest nobody could navigate

When Data Cloud unifies a customer record, it can aggregate hundreds of attributes from dozens of source systems — purchase history, support tickets, email engagement, web behavior, demographic data, and more. In theory, this creates an incredibly rich picture of each customer.

In practice, all of that data was presented in a single, undifferentiated list. My team owned the Customer Profile Explorer — the UI surface where Data Cloud users view and investigate individual unified customer records.

📋
[ Add: Before screenshot — flat attribute list ]
Before state: a unified customer profile showing ~200 attributes in a flat, unsorted list — rich in data, hostile to navigation.

More data, more confusion

The existing profile view presented every attribute in a flat list — hundreds of fields with no hierarchy or context. Users investigating a customer record had to scroll endlessly and held no mental model for where important information lived.

The goal: design an analysis experience that surfaces what matters without hiding what's needed.

"I'm looking for their last purchase every single time. Why is it buried under 200 other fields?" — Customer Success Manager, Power User Session

What do people actually look for?

Before redesigning anything, I needed to know what users were actually looking for when they opened a profile — and why. I ran a 2-week diary study with 6 power users across customer success, marketing, and sales ops roles, asking them to log every profile visit with a brief note on their goal.

The finding was striking: despite hundreds of available fields, the actual lookup behavior was highly concentrated. Almost every session was driven by one of the same 6 questions.

📓
[ Add: Diary study log entries or lookup frequency heatmap ]
Diary study output: frequency distribution of lookup goals across 6 participants over 2 weeks — showing 6 attribute clusters covering 80% of all visits.
6
Attribute groups cover 80% of use cases
Despite hundreds of fields, users consistently looked for the same 6 clusters of information.
↑40s
Average time to find key attribute
Users took 40+ seconds on average to locate a specific field — far too long for support or sales contexts.

Two users, two modes

The diary study revealed a clear tension: most users needed fast access to a small set of fields, but a subset of power users (data engineers, analysts) needed to access the full attribute set regularly for deep investigation. A design that served only one group would fail the other.

The design challenge became: how do you build a single interface that feels fast and scannable for the majority, while remaining complete and navigable for the few who need everything?

👥
[ Add: Two-mode user spectrum diagram ]
Two modes, one surface: the design tension between fast-lookup users (CS, marketing) and deep-investigation users (data engineers, analysts) — and the principle that guided our approach.

Progressive disclosure as the core pattern

I explored 3 structural approaches: a tabbed interface (attributes by category), a search-first model (find-by-typing), and a progressive disclosure model (summary header + full explorer beneath). I prototyped each at lo-fi and presented them in a team design critique before testing externally.

The progressive disclosure model won internally and in early customer feedback — it was the only approach that felt fast for quick lookups without sacrificing depth for power users.

🗂️
[ Add: 3 concept directions — tabbed / search / progressive ]
3 directions explored: tabbed (left), search-first (center), and progressive disclosure (right) — with team critique notes.
📌
[ Add: Pinning mechanic concept sketch ]
Personalization hook: an early concept for the pinning mechanic — letting users permanently surface their most-needed attributes in the summary header.

Testing the time-to-find hypothesis

Our primary success metric was simple: can users find a specific attribute faster? I built a hi-fi prototype of the progressive disclosure model and ran moderated usability testing (n=6) with the same profiles used in the diary study as test stimuli.

The results exceeded expectations: median time-to-find dropped from 40 seconds to 8 seconds — a 5× improvement. All 6 participants also correctly used the pinning mechanic without instruction.

⏱️
[ Add: Before/after time-to-find comparison chart ]
Time-to-find results: before (40s median) vs. after (8s median) — across 6 participants and 4 lookup tasks per session.

The redesigned Profile Explorer

The final design introduces a smart summary header — the 6 most universally accessed attribute groups surfaced above the fold in scannable cards. Below, a full attribute explorer with category grouping and inline search handles the power-user depth case. A pin icon on any attribute lets users customize their summary header.

🖥️
[ Add: Final design — full profile explorer ]
Redesigned Profile Explorer: summary header with 6 pinnable attribute cards above the fold + full attribute explorer with grouping and search below.
📌
[ Add: Pinning interaction — hover state + pin confirmation ]
Pinning mechanic: hover reveals pin icon; pinned attributes move to the summary header. Designed to be discoverable, not taught.
🔎
[ Add: Attribute explorer — grouped + search state ]
Full explorer: attributes grouped by category with inline search — the depth layer for power users who need to investigate beyond the summary.

In Beta — outcomes pending

Currently in Beta with a cohort of early-access customers. Full outcome metrics — task success rate, time-to-find, session engagement — will be added post-GA. The project is on track to ship to GA in Q2 2025.

Lessons learned & what's next

Beta is the beginning. Here's what I'd carry forward — and the highest-priority follow-on investments.

📓
Diary studies outperform interviews for behavioral questions. Asking users in a session what they look for produces aspirational answers. Asking them to log it in the moment produces accurate ones. The difference was stark.
🎯
Design for the 80%, accommodate the 20%. The progressive disclosure model worked because it didn't ask power users to sacrifice depth — it just moved it out of the primary path. Both groups got what they needed without fighting over screen real estate.
✨
Personalization earns trust. The pinning mechanic was the detail users responded to most strongly in testing — not because it's technically impressive, but because it signals that the product respects their workflow.
Short-term
Intelligent defaults
Instead of a static default summary, use behavioral data to pre-configure the header for each user role — reducing time-to-value before any manual pinning.
Medium-term
Inline data editing
Extend the explorer to support attribute-level editing for admins — keeping the read and write experiences unified in a single surface.
Long-term
Cross-profile comparison
Enable analysts to compare multiple customer profiles side-by-side — useful for identity resolution review and segment building.
← Back to Work
🔧 Release Work 🔍 Size: L 🔄 In Progress

Data Cloud Application Home Page

Redesigning the entry point for the Data Cloud platform — creating a personalized dashboard that adapts to user role and task frequency.

My RoleSenior UX Designer — Lead

Team2 PMs, 4 Engineers, UX Research

TimelineOngoing · 2024–2025

StatusIn design — GA Q2 2025

A platform without a front door

Salesforce Data Cloud is a complex, multi-capability platform used by four distinct user personas: Data Engineers who build pipelines, Marketers who build segments and campaigns, Admins who configure the platform, and Analysts who investigate data and build reports.

My team owned the Application Home — the first screen every user sees when they log in. At the time I picked this project up, it was a static "recents" list that hadn't been intentionally designed. It was the product's first impression, and it was making a bad one.

🏠
[ Add: Before screenshot — existing home page ]
Before state: the existing Data Cloud home page — a static list of recent items, identical for every user role, every day.

One page, four users, zero signal

Data Cloud's home page was a static list of recent items — identical for every user, every role, every day. There was no guidance for new users, no prioritization for returning ones, and no signal about what needed attention.

With a rapidly growing user base spanning 4 distinct roles with nearly zero task overlap, we needed a home that actually understood who was looking at it.

Reading behavioral data before asking questions

Before running any interviews, I partnered with our researcher and the data analytics team to pull FullStory session recordings and behavioral data across 400+ sessions. We specifically looked for: what users did on the home page (or didn't), how long they spent there, and what their first navigation action was.

This gave us a quantitative baseline before we introduced any interview bias. Then we ran 10 in-depth interviews segmented by role — separately mapping new user onboarding behavior and returning user daily patterns.

📹
[ Add: FullStory session heatmap or first-action flow ]
FullStory analysis: first-action navigation map — showing 67% of new users left the home page within 8 seconds without any meaningful engagement.
🗺️
[ Add: Role-based task pattern map — 4 roles ]
Role task analysis: mapping the top 5 weekly tasks for each role — revealing near-zero overlap between the 4 user types.
67%
New users bounced in under 8 seconds
Without clear wayfinding, new users left home immediately — the page provided zero orientation value.
4
Completely distinct role task patterns
Data engineers, marketers, admins, and analysts had almost no weekly task overlap — one layout could never serve all four.

Two problems in one surface

The research revealed two distinct problems that the home page needed to solve simultaneously: a first-session wayfinding problem (new users had no idea where to start) and a returning-user efficiency problem (experienced users wanted to jump straight to what needed attention).

I facilitated a design principles session with the PM and tech lead to formally name these as two co-equal design targets — which then became the criteria against which we evaluated every concept direction.

✍️
[ Add: Design principles or dual-mode framework diagram ]
Dual-mode framework: the two design targets — new user onboarding and returning user efficiency — and the principles guiding how the home page should serve both.

Role-aware vs. personalized vs. universal

I explored 3 structural directions: a fully personalized home (user-configurable modules), a role-aware home (system-assigned layout based on assigned role), and a universal home with a priority zone + role-specific quick actions. Each had meaningful trade-offs between implementation complexity and user value.

Customer concept tests (n=8, 2 per role) pointed clearly to the third direction — users didn't want to configure anything, but they did want relevant quick actions and alerts surfaced without manual setup.

🔀
[ Add: 3 concept directions compared side by side ]
Concept directions: personalized (left), role-aware (center), universal + role-specific quick actions (right) — with customer feedback annotations.

Testing onboarding and day-in-the-life scenarios

I built two prototype variants — one showing the new user onboarding state, one showing the returning user daily view — and ran role-segmented usability testing (n=8, 2 per role). The key test questions: does the onboarding state help new users find their first meaningful action? Does the daily view surface the right priorities?

Both scenarios passed the primary success criteria. The one significant finding: the alert zone was initially dismissed as decorative. We increased visual weight and added an unread count badge — post-iteration, all participants engaged with it.

🆕
[ Add: Onboarding state prototype — new user view ]
New user prototype: the progressive onboarding checklist giving way to the full dashboard as setup steps are completed.
🔔
[ Add: Alert zone iteration — before and after visual weight ]
Alert zone iteration: before (visually flat, ignored) vs. after (badge + stronger visual weight) — the change that drove alert engagement in testing.

Role-aware, contextually adaptive home

The final design introduces a three-zone layout: a priority zone at the top (alerts, stale segments, items requiring attention), a role-specific quick-action row below it, and a recent activity feed at the bottom. New users see an onboarding checklist in place of the priority zone until they've completed initial setup.

🖥️
[ Add: Final design — marketer role home view ]
Marketer home: priority zone (stale segment alert), role-specific quick actions (new segment, activate audience), and recent activity feed.
⚙️
[ Add: Data engineer role view ]
Data engineer home: pipeline health alerts, ingestion job quick-launch, and recent schema changes.
✅
[ Add: New user onboarding state ]
New user onboarding state: progressive checklist that gives way to the full dashboard as setup steps are completed — no blank slate.

In engineering handoff

Designs completed and handed off to engineering. GA target Q2 2025. Success metrics: home page engagement rate, time-to-first-action for new users, and 30-day retention by role. Full outcome data will be added post-launch.

Lessons learned & what's next

The role-aware home is v1. Here's what I'd carry forward — and the highest-priority evolutions once we have post-launch usage data.

📊
Behavioral data before interview data. Starting with FullStory session analysis meant our interviews were focused on explaining what we'd already observed — not exploring from scratch. That made the research twice as efficient.
🚫
Don't ask users to configure what the system should know. The personalized concept tested poorly not because users didn't want relevant content — they absolutely did. They just didn't want to have to set it up themselves. Role-awareness via the data was the right call.
🔔
Visual weight is a design decision, not decoration. The alert zone was functionally correct but visually indistinguishable from the rest of the page. One round of iteration on hierarchy turned it from ignored to the first thing users looked at.
Short-term
Behavioral personalization layer
Augment role-based defaults with individual behavior signals — surfacing items a specific user opens most, not just items their role typically needs.
Medium-term
Cross-object alert intelligence
Correlate alerts across objects — so a data quality issue in a source system automatically surfaces as "this segment may be affected" in the priority zone.
Long-term
Multi-org home
Enterprise customers managing multiple Data Cloud orgs need a unified home — a portfolio view that lets admins monitor health and activity across orgs from one place.
← Back to Work
🚀 Zero to GA 🔍 Size: XL

Streamlining Setup & Configuration with Agentic Experience

Redesigning how organizations set up Data 360 — from navigating siloed product spaces one by one, to an outcome-based flow where users pick a business goal and agentic recommendations generate the entire configuration end to end.

My RoleSenior UX Designer — Lead

TeamMultiple PMs, Designers & Engineers

TimelineOngoing · 2024–2025

StatusIn design — active initiative

A platform powerful enough to be hard to start

Data 360 is Salesforce's customer data platform — bringing together data ingestion, transformation, identity resolution, and activation into a unified system. Its breadth is its strength: a single platform that connects every touchpoint in the customer data lifecycle.

But that breadth came with a cost. Setting up Data 360 meant navigating each product space in sequence: Data Streams for ingestion, Data Mapping for transformation, Identity Resolution for merging customer records, and more — each with its own UI, its own configuration logic, and no awareness of the others. Users had to understand the full architecture before they could get started.

This project was part of a larger, cross-functional initiative across the Data 360 org — involving multiple PMs, Designers, and Engineers — focused on a single question: what if setup started with a business outcome instead of a product space?

🗺️
[ Add: Data 360 platform map — product spaces and their sequence ]
Data 360 product spaces: the full setup sequence — Data Streams → Data Mapping → Identity Resolution → Activation — that users had to navigate manually to get from zero to running.

Setup required expertise users didn't have yet

The old setup model was siloed by design. Each product space was a separate destination — users had to navigate to Data Streams, configure ingestion, then navigate to Data Mapping, configure transformations, then navigate to Identity Resolution, configure merge rules — in the right order, with no unified progress view, no cross-space guidance, and no indication of how one configuration would affect the next.

The result: setup was a maze that only people who already knew the system could navigate. New customers arrived with a business goal in mind — "I want to unify my retail and e-commerce customers so I can personalize their experience" — but the product asked them to think in technical primitives: which data streams, which mapping rules, which IR thresholds. Without a clear path forward, many customers stalled in setup or leaned heavily on Professional Services to get started.

The root issue wasn't missing features — every product space had what it needed. The gap was at the seams: no connective layer that could take a user's intended outcome and turn it into a coherent setup path across the platform.

"I know what I want to achieve — I just don't know which parts of the platform to touch first, or what order to do it in." — Data Cloud Admin, Enterprise Customer
01
Enter Data Streams
Configure which source systems to ingest from. No context on what to configure based on the user's business goal — everything is neutral.
02
Navigate to Data Mapping
Map source fields to Data Cloud's canonical data model. Separate UI, separate context — no awareness of what was configured in Data Streams.
03
Navigate to Identity Resolution
Configure rules for how records from different sources get merged into unified profiles. Third stop, still no guidance tailored to the user's outcome.
04
Stall or call for help
Without a clear path, users either stalled, made configuration mistakes that cascaded into poor profile quality, or escalated to Professional Services.

Understanding how customers actually think about setup

The cross-functional team ran discovery sessions with a range of stakeholders: new customers working through initial setup, experienced admins who had been through it before, and Customer Success Managers who coached customers through the process. We also reviewed support tickets, onboarding call recordings, and PS engagement patterns to understand where the biggest drop-off points were.

A consistent pattern emerged: customers reasoned about their data in terms of business outcomes — the segments they wanted to create, the journeys they wanted to activate, the quality thresholds their downstream teams needed — not in terms of product spaces. The platform's structure was invisible to them at the start. What they needed was a way to express their goal and have the system translate it into a configuration path.

📄
[ Add: Research synthesis — setup journey pain points ]
Research synthesis: where customers stalled in setup — mapped against the product space sequence and the mental model gap.
🗂️
[ Add: Outcome taxonomy — how customers described their goals ]
Outcome taxonomy: how customers described their setup goals — grouped into outcome types that became the foundation for the template library.
4+
Product spaces in a typical full setup
Data Streams, Data Mapping, Identity Resolution, and Activation — each requiring separate navigation and configuration, with no unified progress view across all of them.
0
Outcome-aware guidance in the old model
The old setup flow had no concept of a user's business goal — every screen was neutral, presenting all options equally regardless of what the user was trying to achieve.

Outcome-based setup: the new model

The initiative aligned on a clear direction: replace the siloed, product-space-first model with an outcome-based setup flow. Instead of navigating through Data Streams, then Data Mapping, then IR independently, users would start by selecting a template or business outcome — "Unify retail and e-commerce customers," "Build a complete view of healthcare patients," "Consolidate B2B account hierarchy" — and Data 360 would generate the full setup path for them.

The design principle was simple: the system should know what a good setup looks like for a given outcome — not expect users to figure that out from scratch. And beyond just telling users what to configure, the new model would explain why — surfacing the reasoning behind each agentic recommendation so users could understand, trust, and customize the generated path.

01
Select an outcome
Users browse or search a library of outcome templates — organized by industry, use case, and data type. They pick the one that matches their business goal.
02
Agentic setup is generated
Data 360 generates a complete, end-to-end configuration path — covering all relevant product spaces — with each step annotated by an agentic recommendation explaining why it's included.
03
Review, customize, and accept
Users can accept the default configuration, adjust individual steps, or skip sections they've already completed. Every recommendation is transparent and editable.
04
Track progress in one view
A unified setup progress view spans all product spaces — showing what's done, what's in progress, and what's next, across the full configuration path.
🏗️
[ Add: Outcome-based setup model — concept diagram ]
Outcome-based model: from template selection to generated configuration path — showing how the agentic layer translates a business goal into a cross-platform setup sequence.

Designing the agentic recommendation layer

The most consequential design challenge wasn't the template library or the progress view — it was the agentic recommendation layer: how should the system communicate what it's recommending, why, and what the user can do about it?

We explored a spectrum from "silent automation" (the system just configures everything without explanation) to "full chat" (a conversational agent that walks through each step). Neither extreme worked. Silent automation felt black-box and eroded trust. Full chat created friction and slowed down users who already knew what they wanted. The right model was structured transparency: recommendations presented inline, with clear rationale, in a format users could scan, accept, or override without needing to engage in dialogue.

📐
[ Add: Recommendation layer explorations — silent vs. chat vs. structured ]
Recommendation model explorations: comparing silent automation, conversational, and structured inline approaches — and how each affected user trust and decision speed.
🗂️
[ Add: Template library IA explorations ]
Template library: information architecture explorations — how to organize outcome templates so users can quickly find the right starting point for their business goal.
📊
[ Add: Unified progress view concept ]
Unified progress view: concept directions for tracking setup status across all product spaces — giving users a single, authoritative view of where they are and what's left.

Testing the outcome-based model with real customers

Concept validation sessions were run with enterprise Data Cloud Admins across industries — presenting hi-fi prototypes of the outcome-based setup flow and testing against three core scenarios:

  • Template discovery: Can a new admin find a template that maps to their business goal, and understand what it will configure before committing?
  • Agentic recommendations: When the system explains why a configuration step is recommended, does the user understand and trust the reasoning — or does it feel opaque?
  • Customization: When a user wants to deviate from the generated path, can they identify the right step to modify and understand the downstream impact?

Early signals: the outcome template entry point tested strongly — users immediately understood the intent and selected templates confidently. The inline "why" rationale on agentic recommendations was well-received, particularly among users who had previously felt setup was a black box. The unified progress view needed more work — users wanted clearer signals for what was "blocking" vs. "optional" across the path.

🧪
[ Add: Concept validation prototype — template library + agentic setup screen ]
Validation prototype: the hi-fi concept tested — outcome template selection, agentic configuration path, and unified progress view across product spaces.

The outcome setup screen — current design direction

The current design centers on a single Outcome Setup screen that replaces the fragmented, product-space-by-product-space flow. It's organized around three zones:

Outcome selection: a searchable template library organized by industry and use case. Each template previews which product spaces will be configured and what the expected data output looks like — so users understand the scope before they start.

Agentic configuration path: the generated setup sequence, displayed as a vertical flow of steps spanning all relevant product spaces. Each step includes an agentic recommendation — a concise, plain-language explanation of why this configuration is recommended for the selected outcome — alongside accept, customize, and skip actions.

Progress tracker: a persistent sidebar showing overall setup status across all product spaces — with clear blocking vs. optional indicators, and a completion estimate so users always know where they stand.

🖥️
[ Add: Outcome Setup screen — full view ]
Outcome Setup screen: template selection, agentic configuration path, and progress tracker — the full setup experience in one unified screen.
🤖
[ Add: Agentic recommendation — step detail view ]
Agentic recommendation: inline "why" rationale for each configuration step — explaining the reasoning in plain language and surfacing the options the user can take.
📋
[ Add: Template library — browse and search ]
Outcome template library: browse and search by industry, use case, or data type — with a preview of the configuration scope and expected output before committing.

Active initiative — in design

This is an ongoing, cross-functional initiative across the Data 360 org. Currently iterating on the unified progress tracker, the agentic recommendation format, and the template library IA. Full case study and outcome metrics will be published when the initiative ships.

Lessons learned & what's next

Still in progress — but these are the learnings already shaping the work, and what this foundation will unlock as the initiative matures.

🎯
Start with the outcome, not the interface. The biggest shift in this project wasn't a UI pattern — it was reframing setup as a goal-oriented task rather than a product-navigation task. Once the team aligned on that, the design direction became obvious: the system should do the translation, not the user.
🤖
Agentic recommendations need to earn trust, not demand it. The inline "why" rationale was the most validated design decision in testing. Users didn't just want to be told what to configure — they wanted to understand the reasoning so they could make an informed choice. Transparency is what makes agentic automation feel like a collaborator instead of a black box.
🧩
Cross-functional complexity shows up in the seams. A project spanning multiple product spaces, teams, and PMs inevitably surfaces coordination challenges in the design. The unified progress view — which had to speak for all product spaces at once — required the most alignment work, because it made the gaps between team ownership visible in the UI.
Short-term
Blocking vs. optional indicators in the progress tracker
Users need to know which setup steps are required to get to their first data output vs. which are optional enhancements — without reading every step description. Refining the visual language to surface this instantly.
Medium-term
Customization guardrails for agentic steps
When users override an agentic recommendation, the system should be able to warn about downstream impact — flagging which other steps in the path are affected by the change before it's applied.
Long-term
Outcome performance feedback loop
Once setup is complete, surface how well the configuration is performing against the selected outcome — creating a feedback loop that improves template recommendations over time and helps users tune their configuration as their data evolves.